iT邦幫忙

2021 iThome 鐵人賽

DAY 25
0
Modern Web

33歲轉職者的前端筆記系列 第 25

33歲轉職者的前端筆記-DAY 25 JavaScript 迴圈語法筆記

  • 分享至 

  • xImage
  •  

定義

重複性的執行某個操作,一直做一樣的事情,有終止條件。

較常用的迴圈

  • for
  • while
  • do…while

for迴圈

只要有達到條件就會一直執行,直到條件不成立才會停止。

寫法

宣告一個變數為空值 let i = "";

for (初始值; 條件; 結束時累加) {

// 重複執行指令的程式碼

}

更白話一點的寫法為:

for (變數=開始的初始值; 變數的條件; 變數條件成立後再累加) {

// 重複執行指令的程式碼

語法範例

let i = "";

for(i = 0; i < 10; i++) { 
  console.log( i ); 
} 

while迴圈

先判斷,條件符合再執行程式碼,條件成立就會不斷的執行。

寫法

宣告一個變數為空值 let i = "";

while(條件) {
//執行的程式碼
}

https://ithelp.ithome.com.tw/upload/images/20210920/20120789nf8SuYNZgj.jpg

do While 迴圈

先執行再做條件判斷

break & continue

  • break 會直接跳離迴圈
  • continue 會跳過⼀次,然後繼續下⼀次迴圈。

迴圈重點

  • 迴圈的作⽤在於重複做某件事,⽽數值會依次數
    有遞增或遞減的變化來做退出的條件。
  • 迴圈: for 與 while 兩種
  • break 與 continue 的差別?

上一篇
33歲轉職者的前端筆記-DAY 24 jQuery DOM 節點
下一篇
[鼠年全馬鐵人挑戰] Week26 - jQuery 事件處理
系列文
33歲轉職者的前端筆記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言